@import url(style.css);

@import url(swiper.min.css);

@import url(pscroll.css);

@import url(share.min.css);

@import url(lrtk3.css);

/*首页*/
.header-v1{ background:rgba(0,0,0,0.2); height:115px;}
/*轮显*/

.banner{ width: 100%; overflow:hidden; position:relative;}

.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}

.banner .lzpic1,

.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
/*.banner .lzpic1{ background-size: auto auto;-moz-background-size: auto auto;-webkit-background-size: auto auto;}*/
.banner .text { max-width: 1400px; width: 96%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; font-size: 50px;font-weight: bold; color: #333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; /*text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898); padding: 0 20px;}

.banner .text .desc{ margin-top:2%; overflow:hidden; font-size:16px;}

.banner .text .small { font-size: 30px;}

.banner .swiper-pagination { width: 100%;bottom: 30px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}

.banner .swiper-pagination.gao {bottom: 380px;}

.banner .swiper-pagination .swiper-pagination-bullet { width: 24px; height: 24px; background:url(../images/dian.png) center center no-repeat; background-size:100% 100%;opacity: 1; margin: 0 6px; border-radius:0;}

.banner .swiper-pagination .swiper-pagination-bullet-active { background:url(../images/dian_on.png) center center no-repeat; background-size:100% 100%; }

.lzpic1{transition:all 0.3s;}

.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}

/*.banner:hover .lzpic1{transform:scale(1.01, 1.01);}*/

.lzpic2 { display: none;}

.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}

.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }

.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

    animation-iteration-count:1;

    animation-fill-mode:forwards;

    animation-delay:0.2s;



    -webkit-animation-iteration-count:1;

    -webkit-animation-fill-mode:forwards;

    -webkit-animation-delay:0.2s;}

.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

    animation-iteration-count:1;

    animation-fill-mode:forwards;

    animation-delay:0.8s;



    -webkit-animation-iteration-count:1;

    -webkit-animation-fill-mode:forwards;

    -webkit-animation-delay:0.8s;

}

.banner_box{ max-width:1400px; width:96%; margin:0 auto; position:relative;}

.i_a{ position:absolute; bottom:40px; left:0; color:#fff; padding-left:83px; z-index:11; font-size:14px; font-family:Arial;transition:all 0.3s;}

.i_a:after{ content:""; position:absolute; left:0; width:71px; height:1px; background:#fff; top:50%;transition:all 0.3s;}

.i_a:hover{ padding-left:73px; color:#fff;}

.i_a:hover:after{ width:61px;}

.banner_page{ position:absolute; right:0; color:#fff; font-size:16px; font-family:Arial; z-index:10; bottom:30px;}

.banner_page .current{ font-size:20px;}

/*图标*/

.i_one_bg{ background:#f8f8f8; overflow:hidden;}

.i_one_bg .i_one{ padding-top:3.2%; padding-bottom:3.2%; overflow:hidden; text-align:center;}

.i_one_bg .i_one ul li{ float:left; width:16.66%; position:relative; /*overflow:hidden;*/transition:all 0.3s;}

.i_one_bg .i_one ul li:after{ content:""; position:absolute; right:0; top:50%; height:48px; width:1px; background:#e8e8e8; margin-top:-24px;}

/*.i_one_bg .i_one ul li:hover{transform: translate(0%, -3%);}*/

.i_one_bg .i_one ul li img{ height:44px; display:block; margin:0 auto;transition:all 0.3s;}

.i_one_bg .i_one ul li:hover img{transform:scale(1.1, 1.1);}

.i_one_bg .i_one ul li .h4{ font-weight:normal; font-size:14px; color:#333; overflow:hidden; line-height:1.3; margin-top:6%; padding-left:1%; padding-right:1%;}

.i_one_bg .i_one ul li:last-child:after{ width:0;}

/*产品中心*/

.i_t{ margin-top:4%; text-align:center; color:#0149b7; overflow:hidden;}

.i_t .p{ color:#dddddd;  overflow:hidden; line-height:1.2; font-size:18px; font-family:Arial; text-transform:uppercase; margin-bottom:0.6%;}

.i_t .h3{ font-weight:normal; overflow:hidden; line-height:1;}

.i_t.bgs2 .h3{ font-weight:bold;}

/*健康食谱*/

.i_two_bg{ overflow:hidden;background:url(../images/i_bg2.jpg) center center no-repeat; background-size:cover;}

.i_two_bg .i_t .p{ color:rgba(255,255,255,0.2);}

.i_two_bg .i_t .h3{ color:#fff;}

.i_two{ overflow:hidden; margin-top:3.5%; margin-bottom:5%;}

.i_two ul li{ float:left; width:24.14%; margin-right:1%; overflow:hidden;}

.i_two ul li:last-child{ margin-right:0;}

.i_two ul li:nth-child(2){ width:49.72%;}

.i_two ul li:nth-child(2) .imgs{ margin-bottom:0;}

.i_two ul li:nth-child(2) .imgs .txts .p{ max-width:590px;}

.i_two ul li .imgs{ overflow:hidden; margin-bottom:4%; border-radius:6px; position:relative; padding-top:64.2%;}

.i_two ul li .imgs img{display:block;width: 100%; height:100%; position:absolute; top:0; left:0; }

.i_two ul li .imgs img{ overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;}

.i_two ul li .imgs:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

.i_two ul li .imgs:last-child{ margin-bottom:0;}

.i_two ul li .imgs .txts{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.9); text-align:center;display: flex; align-items: center; justify-content: center;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}

.i_two ul li .imgs:hover .txts{opacity:1.0;filter:Alpha(opacity=100);}

.i_two ul li .imgs .txts:after{ content:""; position:absolute; left:17px; right:17px; border:1px solid #d4d4d4; top:17px;height:calc(100% - 34px);height:-webkit-calc(100% - 34px);height:-moz-calc(100% - 34px);}

.i_two ul li .imgs .txts .cons{ margin-left:5%; width:90%; margin-right:5%; overflow:hidden;}

.i_two ul li .imgs .txts .h3{ font-weight:normal; color:#333333; overflow:hidden; height:30px; line-height:30px;}

.i_two ul li .imgs .txts .p{ margin:0 auto; max-width:217px; font-size:14px; color:#333333; line-height:24px; max-height:48px; overflow:hidden; margin-top:6px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.i_two ul li .imgs .txts em{ display:inline-block; color:#0149b7; font-size:14px; font-style:normal; margin-top:20px; padding-right:35px; line-height:22px; height:22px; overflow:hidden; background:url(../images/i_bg1_on.png) right center no-repeat;}

/*常见问题*/

.i_three_bg{ overflow:hidden;background:url(../images/i_bg3.jpg) center center no-repeat; background-size:cover;}

.i_three_bg .i_t .p{ color:#cccccc;}

/*品牌故事*/

.i_four_bg{ overflow:hidden;background:url(../images/i_bg6.jpg) center center no-repeat; background-size:cover;}

.i_four_bg .i_t{ text-align:left;}

.i_four_bg .i_t .p{ color:rgba(255,255,255,0.5);}

.i_four_bg .i_t .h3{ color:#fff;}

.i_about{ max-width:878px; overflow:hidden; margin-top:4%; margin-bottom:6%;}

.i_about .txts{ background:#fff; border-radius:0 70px 0 70px; overflow:hidden; padding-top:4%; padding-bottom:4%; font-size:14px; color:#595758; line-height:26px;}

.i_about .txts p{ margin-bottom:4%; overflow:hidden;}

.i_about .txts p:last-child{ margin-bottom:0;}

.i_about .cons{ width:94%; max-width:752px; overflow:hidden; margin:0 auto;}

.i_about .a{ float:left; padding-right:40px;background: url(../images/i_bg1_on2.png) right center no-repeat; background-size: 24px 9px; color:#fffffe; font-size:14px; height:22px; line-height:22px; margin-top:5%;transition:all 0.3s;}

.i_about .a:hover{ margin-left:5px;}

@media screen and (max-width: 1440px) {
/*轮显*/
.banner .lzpic1{background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}

}

@media screen and (max-width: 1260px) {

    /*图标*/

    .i_one_bg .i_one ul li .h4{ font-size:16px;}

    /*健康食谱*/

    .i_two ul li{ margin-right:0.7%; width:24.3%;}

    .i_two ul li:nth-child(2){ width:50%;}

    .i_two ul li .imgs{ margin-bottom:3.5%;}

    .i_two ul li .imgs .txts:after{ left:12px; right:12px; top:12px;height: calc(100% - 24px);  height: -webkit-calc(100% - 24px);height: -moz-calc(100% - 24px);}

}

@media screen and (max-width: 1100px) {

    /*轮显*/
    .lzpic2{display: block;}

    .lzpic1{display: none;}
    .banner .swiper-container{ position:static;}

    .banner .swiper-pagination { bottom:25px;}

    .banner .swiper-pagination .swiper-pagination-bullet {width: 20px; height:20px;margin: 0 5px;}

    .banner .text .desc{ font-size:15px;}

    .i_a{bottom:30px; padding-left:73px; }

    .i_a:after{ width:61px; }

    .i_a:hover{ padding-left:63px;}

    .i_a:hover:after{ width:51px;}

    .banner_page{bottom:25px; font-size:15px;}

    .banner_page .current{ font-size:18px;}
	.banner .text{ top:40%;}

    /*健康食谱*/

    .i_two ul li .imgs .txts:after{ left:8px; right:8px; top:8px;height: calc(100% - 18px); height: -webkit-calc(100% - 18px); height: -moz-calc(100% - 18px);}

    .i_two ul li .imgs .txts .p{ line-height:20px; max-height:40px; font-size:13px;}

    .i_two ul li .imgs .txts em{ font-size:13px; height:20px; line-height:20px; margin-top:15px;}

}

@media screen and (max-width: 960px) {
.header-v1{ height:80px;}
    /*图标*/

    .i_one_bg .i_one{ padding-bottom:2%; padding-top:3.5%;}

    .i_one_bg .i_one ul li{ width:33.33%; margin-bottom:3%;}

    .i_one_bg .i_one ul li:nth-child(3n+0):after{ width:0;}

    /*产品中心*/

    .i_t .p{ font-size:16px;}

    /*健康食谱*/

    .i_two ul li{ float:none; width:100%; margin-right:0;}

    .i_two ul li:nth-child(2){ width:100%; }

    .i_two ul li .imgs{ float:left; width:49.5%; margin-bottom:0; padding-top:31.5%;margin-bottom:1%;}

    .i_two ul li .imgs:nth-child(2n+0){ float:right;}

    .i_two ul li:nth-child(2) .imgs{ float:none; width:100%; padding-top:64.2%;}

    .i_two ul li .imgs:last-child{ margin-bottom:1%;}

    .i_two ul li .imgs .txts em{padding-right:30px; background-size:20px auto;}

    /*品牌故事*/

    .i_about .txts{border-radius:0 50px 0 50px;}

    .i_about .a{ background-size:22px auto; padding-right:35px;}

}



@media screen and (max-width: 780px) {

    /*轮显*/

    .banner .swiper-pagination { bottom:20px;}

    .banner .swiper-pagination .swiper-pagination-bullet {width: 16px; height:16px;margin: 0 3px;}

    .banner .text .desc{ font-size:14px;}

    .i_a{bottom:25px; padding-left:63px; font-size:13px; }

    .i_a:after{ width:51px; }

    .i_a:hover{ padding-left:53px;}

    .i_a:hover:after{ width:41px;}

    .banner_page{bottom:20px; font-size:14px;}

    .banner_page .current{ font-size:17px;}

}

@media screen and (max-width: 720px) {





}

@media screen and (max-width: 640px) {

    /*轮显*/

    .banner .text .desc{ font-size:13px;}

    .i_a{bottom:25px; padding-left:43px; font-size:12px; }

    .i_a:after{ width:31px; }

    .i_a:hover{ padding-left:33px;}

    .i_a:hover:after{ width:21px;}

    /*图标*/

    .i_one_bg .i_one{ padding-bottom:2.5%; padding-top:5%;}

    .i_one_bg .i_one ul li{ width:50%; margin-bottom:4%; }

    .i_one_bg .i_one ul li:nth-child(3n+0):after{ width:1px;}

    .i_one_bg .i_one ul li:nth-child(2n+0):after{ width:0;}

    /*产品中心*/

    .i_t{ margin-top:5%;}

    /*健康食谱*/

    .i_two ul li .imgs .txts .p{ font-size:12px;}

    .i_two ul li .imgs .txts em{ font-size:12px;}

    .i_two{ margin-top:5%; margin-bottom:6%;}

    /*品牌故事*/

    .i_about .txts{ padding-top:5%; padding-bottom:5%; font-size:13px; line-height:24px;}

    .i_about .txts p{ margin-bottom:3%;}

    .i_about .a{ font-size:13px; padding-right:30px; background-size:20px auto;}

}

@media screen and (max-width: 520px) {







}

@media screen and (max-width: 480px) {
.header-v1{ height:70px;}
    /*轮显*/

    .banner .swiper-pagination { bottom:15px;}

    .banner .text .desc{ font-size:12px;}

    .i_a{bottom:19px; padding-left:33px;}

    .i_a:after{ width:25px; }

    .i_a:hover{ padding-left:23px;}

    .i_a:hover:after{ width:15px;}

    .banner_page{bottom:15px; font-size:13px;}

    .banner_page .current{ font-size:16px;}

    /*图标*/

    .i_one_bg .i_one ul li{ margin-bottom:5%;}

    .i_one_bg .i_one ul li .h4{ font-size:12px;}

    /*产品中心*/

    .i_t .p{ font-size:14px; margin-bottom:1%;}

    /*健康食谱*/

    .i_two ul li .imgs{ width:49%; margin-bottom:2%;}

    .i_two ul li .imgs:last-child{margin-bottom:2%;}

    .i_two ul li .imgs .txts:after{ left:5px; right:5px; top:5px;height: calc(100% - 12px);height: -webkit-calc(100% - 12px);height: -moz-calc(100% - 12px);}

    .i_two ul li .imgs .txts .h3{ height:22px; line-height:22px;}

    .i_two ul li .imgs .txts .p{ margin-top:3px;}

    .i_two ul li .imgs .txts em{ margin-top:10px;}

}

@media screen and (max-width: 420px) {

    /*健康食谱*/

    .i_two ul li .imgs .txts .p{ line-height:18px; max-height:36px;}

    .i_two ul li .imgs .txts em{ margin-top:5px;}



}

@media screen and (max-width: 380px) {



}

@keyframes mymove6

{

    from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

        -moz-transform: translateY(60px) translateX(0);

        transform: translateY(60px) translateX(0);

        -webkit-transition-timing-function: ease-in-out;

        transition-timing-function: ease-in-out;}

    to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

        -moz-transform: translateY(0px) translateX(0);

        transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

    /*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

    to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

    from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

        -moz-transform: translateY(60px) translateX(0);

        transform: translateY(60px) translateX(0);

        -webkit-transition-timing-function: ease-in-out;

        transition-timing-function: ease-in-out;}

    to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

        -moz-transform: translateY(0px) translateX(0);

        transform: translateY(0px) translateX(0);}

}